<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品管理</title>
    <link rel="stylesheet" href="./css/table-style.css">
    <link rel="stylesheet" href="./css/admin-module.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

</head>
<body>
    <div class="admin-container">
        <!-- 左侧导航 -->
        <div class="admin-sidebar">
            <div class="admin-header">
                <div class="logo-container">
                    <img src="./img/logo5.jpg" alt="" class="logo">
                </div>
            </div>
            
            <ul class="admin-menu">
                <li>
                    <a href="./admin-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>控制台</span>
                    </a>
                </li>
                <li class="active">
                    <a href="./goods-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>商品管理</span>
                    </a>
                </li>
                <li>
                    <a href="./order-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="./user-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>用户管理</span>
                    </a>
                </li>
                <li>
                    <a href="./category-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>分类管理</span>
                    </a>
                </li>
            </ul>
        </div>
        
        <!-- 右侧内容区 -->
        <div class="admin-content">
            <!-- 替换为统一的头部 -->
            <div class="admin-header">
                <div class="header-left">
                    <button class="menu-toggle">
                        <i class="fas fa-bars"></i>
                    </button>
                    <div class="breadcrumb">
                        <span>控制台</span>
                        <i class="fas fa-chevron-right"></i>
                        <span>商品管理</span>
                    </div>
                </div>
                <div class="header-right">
                    <div class="admin-user">
                        <img src="./img/logo1.jpg" alt="">
                        <span>管理员</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                </div>
            </div>
            
            <!-- 商品内容区 -->
            <div id="goods-content" class="content-section">
                <!-- 数据表格将在这里渲染 -->
            </div>
        </div>
    </div>
    
    <!-- 用户下拉菜单 -->
    <div class="dropdown-menu" id="userDropdown">
        <a href="#" class="dropdown-item"><i class="fas fa-user"></i> 个人信息</a>
        <a href="#" class="dropdown-item"><i class="fas fa-cog"></i> 设置</a>
        <a href="./login-Manager.html" class="dropdown-item"><i class="fas fa-sign-out-alt"></i> 退出</a>
    </div>
    
    <!-- 引入脚本 -->
    <script src="./js/axios.min.js"></script>
    <script src="./js/api.js"></script>
    <script src="./js/admin-common.js"></script>
    <script src="./js/data-table.js"></script>
    <script src="./js/book-manager.js"></script>
</body>
</html>